<template>
  <div class="page-box">
    <dataList
      placeholder="请输入收费项目"
      :pageInfo="pager"
      :listData="tableData"
      searchName="chargeProject"
      :menuList="['export']"
      :filterList="filterList"
      @menu-click="handleMenuClick"
    >
      <el-table :data="tableData" align="center">
        <el-table-column label="收费项目名称" align="center" width="140" prop="chargeProjectName"></el-table-column>
        <el-table-column label="收支类型" align="center" width="100" prop="paymentType"></el-table-column>
        <el-table-column label="费用周期" align="center" width="200" prop="costPeriodStart"></el-table-column>
        <el-table-column label="费用金额(元)" align="center" width="150" prop="collectionAmount"></el-table-column>
        <el-table-column label="业务日期" align="center" width="100" prop="businessDate"></el-table-column>
        <el-table-column label="资金发起方" align="center" width="200" prop="fundSponsor"></el-table-column>
        <el-table-column label="资金接收方" align="center" width="200" prop="fundRecipient"></el-table-column>
        <el-table-column label="关联合同号" align="center" width="100" prop="contractNumber"></el-table-column>
        <el-table-column label="经办人" align="center" width="100" prop="createName"></el-table-column>
        <el-table-column label="经办时间" align="center" width="100" prop="createTime"></el-table-column>
      </el-table>
    </dataList>
    <fundExport ref="fundExport"></fundExport>
  </div>
</template>

<script src="./index.js">
</script>
